<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>详情</title>
    <link rel="stylesheet" href="http://ov0lumvwf.bkt.clouddn.com/web/detail/css/swiper.min.css">
    <link rel="stylesheet" href="css/css_2.css"/>
    <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script>
</head>
<body>
<div class="return">
    <img src="http://ov0lumvwf.bkt.clouddn.com/web/detail/image/u283.png"><span>量化分析 - BTC</span>
</div>
<div class="InforIntr">
    <div class="Infor">
        <div class="Quantitative InforIntr_l">
            <ul>
                <li>
                    <div class="data_1"><s>￥</s><span>63,153.68</span></div>
                </li>
                <li>
                    <div class="data_2">$59863.12</div>
                    <div class="data_3">
                        <div class="data_3_l">-35.45%</div>
                        <div class="data_3_r"></div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="InforI2 InforIntr_r">
            <ul>
                <li>
                    <div class="InforIntr_r_l">最高</div>
                    <div class="InforIntr_r_r">￥16006.32</div>
                </li>
                <li>
                    <div class="InforIntr_r_l">最低</div>
                    <div class="InforIntr_r_r">￥59863.1</div>
                </li>
                <li>
                    <div class="InforIntr_r_l">交易</div>
                    <div class="InforIntr_r_r">220,511,882.86</div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="technicalAnalysis">
    <div class="technicalTitle">
        技术分析
    </div>
    <div class="AnalysisTime">
        <div class="sTime active" id="quarter">15分钟</div>
        <div class="sTime" id="oneHours">1小时</div>
        <div class="sTime" id="oneDay">1天</div>
        <div class="sTime" id="oneWeeks">1周</div>
        <div class="sTime" id="oneMonths">1月</div>
    </div>
    <div class="graphic">
        <div class="graphic_top" id="summary">
            <div class="graphic_top_title">
                总结
            </div>
            <div class="graphic_top_data">
                <div class="graphic_top_data_postion">
                    <div class="graphic_top_data_words">
                        <p>中立</p>
                        <p><span>卖出</span><span>买入</span></p>
                        <p><span>强烈卖出</span><span>强烈买入</span></p>
                    </div>
                    <div class="graphic_top_data_chart">
                        <div class="graphic_top_data_chart_background">
                            <div class="graphic_top_data_chart_fen graphic_top_data_chart_Tsell"></div>
                            <div class="graphic_top_data_chart_fen graphic_top_data_chart_sell"></div>
                            <div class="graphic_top_data_chart_fen graphic_top_data_chart_neutral"></div>
                            <div class="graphic_top_data_chart_fen graphic_top_data_chart_buy"></div>
                            <div class="graphic_top_data_chart_fen graphic_top_data_chart_Tbuy"></div>
                            <div class="graphic_top_data_chart_fen graphic_top_data_chart_Mask"></div>
                        </div>
                        <div class="graphic_top_data_chart_needle" id="summary_need">
                            <div class="graphic_top_data_chart_need1" ></div>
                            <div class="graphic_top_data_chart_need2"></div>
                        </div>
                        <div class="graphic_top_data_chart_spot">
                        </div>
                    </div>
                </div>
            </div>
            <div class="graphic_top_sell" id="summary_sell">卖出</div>
            <div class="graphic_top_infor">
                <div class="infor_data1 graphic_top_infor_data">
                    <p>10</p>
                    <p>卖出</p>
                </div>
                <div class="infor_data2 graphic_top_infor_data">
                    <p>8</p>
                    <p>中立</p>
                </div>
                <div class="infor_data3 graphic_top_infor_data">
                    <p>8</p>
                    <p>买入</p>
                </div>
            </div>
        </div>
        <div class="graphic_bottom">
            <div class="graphic_bottom_chart graphic_bottom_l" id="graphic_bottom_l">
                <div class="graphic_top_title">
                    震荡指标
                </div>
                <div class="graphic_top_data">
                    <div class="graphic_top_data_postion">
                        <div class="graphic_top_data_words">
                            <p>中立</p>
                            <p><span>卖出</span><span>买入</span></p>
                            <p><span>强烈卖出</span><span>强烈买入</span></p>
                        </div>
                        <div class="graphic_top_data_chart">
                            <div class="graphic_top_data_chart_background">
                                <div class="graphic_top_data_chart_fen graphic_top_data_chart_Tsell"></div>
                                <div class="graphic_top_data_chart_fen graphic_top_data_chart_sell"></div>
                                <div class="graphic_top_data_chart_fen graphic_top_data_chart_neutral"></div>
                                <div class="graphic_top_data_chart_fen graphic_top_data_chart_buy"></div>
                                <div class="graphic_top_data_chart_fen graphic_top_data_chart_Tbuy"></div>
                                <div class="graphic_top_data_chart_fen graphic_top_data_chart_Mask"></div>
                            </div>
                            <div class="graphic_top_data_chart_needle" id="unrest_need">
                                <div class="graphic_top_data_chart_need1"></div>
                                <div class="graphic_top_data_chart_need2"></div>
                            </div>
                            <div class="graphic_top_data_chart_spot">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="graphic_top_sell" id="unrest_sell">中立</div>
                <div class="graphic_top_infor">
                    <div class="infor_data1 graphic_top_infor_data">
                        <p>10</p>
                        <p>卖出</p>
                    </div>
                    <div class="infor_data2 graphic_top_infor_data">
                        <p>8</p>
                        <p>中立</p>
                    </div>
                    <div class="infor_data3 graphic_top_infor_data">
                        <p>8</p>
                        <p>买入</p>
                    </div>
                </div>
            </div>
            <div class="graphic_bottom_chart graphic_bottom_r" id="graphic_bottom_r">
                <div class="graphic_top_title">
                    移动平均线
                </div>
                <div class="graphic_top_data">
                    <div class="graphic_top_data_postion">
                        <div class="graphic_top_data_words">
                            <p>中立</p>
                            <p><span>卖出</span><span>买入</span></p>
                            <p><span>强烈卖出</span><span>强烈买入</span></p>
                        </div>
                        <div class="graphic_top_data_chart">
                            <div class="graphic_top_data_chart_background">
                                <div class="graphic_top_data_chart_fen graphic_top_data_chart_Tsell"></div>
                                <div class="graphic_top_data_chart_fen graphic_top_data_chart_sell"></div>
                                <div class="graphic_top_data_chart_fen graphic_top_data_chart_neutral"></div>
                                <div class="graphic_top_data_chart_fen graphic_top_data_chart_buy"></div>
                                <div class="graphic_top_data_chart_fen graphic_top_data_chart_Tbuy"></div>
                                <div class="graphic_top_data_chart_fen graphic_top_data_chart_Mask"></div>
                            </div>
                            <div class="graphic_top_data_chart_needle" id="average_need">
                                <div class="graphic_top_data_chart_need1"></div>
                                <div class="graphic_top_data_chart_need2"></div>
                            </div>
                            <div class="graphic_top_data_chart_spot">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="graphic_top_sell" id="average_sell">卖出</div>
                <div class="graphic_top_infor">
                    <div class="infor_data1 graphic_top_infor_data">
                        <p>10</p>
                        <p>卖出</p>
                    </div>
                    <div class="infor_data2 graphic_top_infor_data">
                        <p>8</p>
                        <p>中立</p>
                    </div>
                    <div class="infor_data3 graphic_top_infor_data">
                        <p>8</p>
                        <p>买入</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="AnalysisData">
    <div class="AnalysisData_title">
        <div class="AnalysisData_title_data active"><span>震荡指标</span></div>
        <div class="AnalysisData_title_data"><span>移动平均线</span></div>
    </div>
    <div class="AnalysisData_list">
        <div class="AnalysisData_list_class">
            <ul>
                <li>
                    <div class="AnalysisData_list_class_l">
                        <p>RSI(14)</p>
                        <p>50.41591600</p>
                    </div>
                    <div class="AnalysisData_list_class_r neutral">中立</div>
                </li>
                <li>
                    <div class="AnalysisData_list_class_l">
                        <p>RSI(14)</p>
                        <p>50.41591600</p>
                    </div>
                    <div class="AnalysisData_list_class_r buy">买入</div>
                </li>
                <li>
                    <div class="AnalysisData_list_class_l">
                        <p>RSI(14)</p>
                        <p>50.41591600</p>
                    </div>
                    <div class="AnalysisData_list_class_r sell">卖出</div>
                </li>
                <li>
                    <div class="AnalysisData_list_class_l">
                        <p>RSI(14)</p>
                        <p>50.41591600</p>
                    </div>
                    <div class="AnalysisData_list_class_r neutral">中立</div>
                </li>
            </ul>
        </div>
        <div class="AnalysisData_list_class" style="display: none;">
            <ul>
                <li>
                    <div class="AnalysisData_list_class_l">
                        <p>Stoch 快线 (14, 3, 1)</p>
                        <p>50.41591600</p>
                    </div>
                    <div class="AnalysisData_list_class_r neutral">中立</div>
                </li>
                <li>
                    <div class="AnalysisData_list_class_l">
                        <p>RSI(14)</p>
                        <p>50.41591600</p>
                    </div>
                    <div class="AnalysisData_list_class_r buy">买入</div>
                </li>
                <li>
                    <div class="AnalysisData_list_class_l">
                        <p>RSI(14)</p>
                        <p>50.41591600</p>
                    </div>
                    <div class="AnalysisData_list_class_r sell">卖出</div>
                </li>
                <li>
                    <div class="AnalysisData_list_class_l">
                        <p>RSI(14)</p>
                        <p>50.41591600</p>
                    </div>
                    <div class="AnalysisData_list_class_r neutral">中立</div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="download_Ad"></div>
<div class="download_Adver">
     <img src="http://ov0lumvwf.bkt.clouddn.com/web/detail/image/adver.png">
</div>
<script>
    function className(e, index) {
        return document.getElementsByClassName(e)[index];
    }
    function ById(e) {
        return document.getElementById(e);
    }
    className("AnalysisData_title_data", 0).onclick = function () {
        className("AnalysisData_list_class", 0).style.display = "block";
        className("AnalysisData_list_class", 1).style.display = "none";
        className("AnalysisData_title_data", 0).classList.add("active")
        className("AnalysisData_title_data", 1).classList.remove("active")

    }
    className("AnalysisData_title_data", 1).onclick = function () {
        className("AnalysisData_list_class", 1).style.display = "block";
        className("AnalysisData_list_class", 0).style.display = "none";
        className("AnalysisData_title_data", 1).classList.add("active");
        className("AnalysisData_title_data", 0).classList.remove("active")
    }
    //测试用获得随机数
    function rd(n,m){
        var c = m-n+1;
        return Math.floor(Math.random() * c + n);
    }
    function showalert (typeId,sellId,needId,data) {
        data = rd(-90,90)
        var deg = data; //data是传入的数据
        //console.log(deg)
        function classList(id,add,remove1,remove2,remove3,remove4) {
            ById(id).classList.remove(remove1);
            ById(id).classList.remove(remove2);
            ById(id).classList.remove(remove3);
            ById(id).classList.remove(remove4);
            ById(id).classList.add(add);
        }
        if(deg <= 18 && deg >= -18){
            classList(typeId,"neutral","sellOut","strong_sellOut","Purchase","strong_Purchase")
            ById(sellId).innerHTML = "中立";
        }else if(deg < -18 && deg >= -54){
            classList(typeId,"sellOut","neutral","strong_sellOut","Purchase","strong_Purchase")
            ById(sellId).innerHTML = "卖出";
        }else if(deg < -54 && deg >= -90){
            classList(typeId,"strong_sellOut","neutral","sellOut","Purchase","strong_Purchase")
            ById(sellId).innerHTML = "强烈卖出";
        }else if(deg > 18 && deg <= 54){
            classList(typeId,"Purchase","neutral","sellOut","strong_sellOut","strong_Purchase")
            ById(sellId).innerHTML = "买入";
        }else if(deg > 54 && deg <= 90){
            classList(typeId,"strong_Purchase","neutral","sellOut","strong_sellOut","Purchase")
            ById(sellId).innerHTML = "强烈买入";
        }else {
            alert("计算错误!");
        }
        ById(needId).style.transform = "rotate("+deg+"deg)";
    }
    //实时更新数据执行的方法
    var setInterval1 = setInterval("showalert('summary','summary_sell','summary_need','')", 3000); //总结
    var setInterval2 = setInterval("showalert('graphic_bottom_l','unrest_sell','unrest_need','')", 3000); //震荡指标
    var setInterval3 = setInterval("showalert('graphic_bottom_r','average_sell','average_need','')", 3000); //移动平均线

    //价格字体大小调整
    (function DigitalAdaptive() {
        var innerHTML =className("data_1",0).children[1].innerHTML;
        var  t = innerHTML.length;
        console.log(t,innerHTML)
        if(t >7 && t < 10){
            className("data_1",0).style.fontSize = 0.5+"rem";
            className("data_1",0).children[0].style.fontSize = 0.42+"rem";
        }else if( t > 9 ){
            className("data_1",0).style.fontSize = 0.48+"rem";
            className("data_1",0).children[0].style.fontSize = 0.4+"rem";
        }
    })()
</script>
</body>
<script src="js/base.js"></script>
</html>